<template>
  <div>
    <tree :data="node" :key="node.name" v-for="node in nodes"></tree>
  </div>
</template>

<script>
  import Tree from './components/Tree'



  export default {
    name: 'TreeWrapper',
    data: function() {
      return {
        nodes: [{
            name: 'MaterialList',
            selected: false,
            selecting: false,
            open: true,
            path: '/MaterialList',
            floor: 1,
            type: 'folder',
            children: [{
                name: 'MaterialList',
                selected: false,
                selecting: false,
                open: true,
                path: '/MaterialList',
                floor: 2,
                type: 'folder',
                children: []
              },
              {
                name: 'Search Result',
                selected: false,
                selecting: false,
                open: true,
                path: '/Search Result',
                floor: 2,
                type: 'folder',
                children: []
              }
            ]
          },
          {
            name: 'Search Result',
            selected: false,
            selecting: false,
            open: true,
            path: '/Search Result',
            floor: 1,
            type: 'folder',
            children: [{
                name: 'MaterialList',
                selected: false,
                selecting: false,
                open: true,
                path: '/MaterialList',
                floor: 2,
                type: 'folder',
                children: []
              },
              {
                name: 'Search Result',
                selected: false,
                selecting: false,
                open: true,
                path: '/Search Result',
                floor: 2,
                type: 'folder',
                children: [{
                    name: 'MaterialList',
                    selected: false,
                    selecting: false,
                    open: true,
                    path: '/MaterialList',
                    floor: 3,
                    type: 'folder',
                    children: []
                  },
                  {
                    name: 'Search Result',
                    selected: false,
                    selecting: false,
                    open: true,
                    path: '/Search Result',
                    floor: 3,
                    type: 'folder',
                    children: []
                  }
                ]
              }
            ]
          }
        ]
      }
    },
    components: {
      Tree
    }
  }
</script>

<style>
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
  }
</style>
